<!--
  Generated template for the TixianPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar  color="twitter">
    <ion-title>提现</ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="setcontent">
  <div class="pageMenuSlides">
    <div class="swiper-container">
      <div class="swiper-wrapper" *ngFor="let item of menus;let i=index;" tappable (click)="selectPageMenu(i)">
        <span class="swiper-slide {{i==this.selectIndex?'bottomLine':''}}"  >{{item}}</span>
      </div>
    </div>
  </div>
  <ion-slides class="slide-content" #contentSlides (ionSlideDidChange)="slideChanged()" style="height:calc(100% - 64px);"> 
    <ion-slide>
      <div class="content-div" style="height:auto;">
        <div class="bind-div">
          <img src="../assets/imgs/logo.png">
          <span>点击绑定支付宝</span>
          <img style="width: 20px;height:20px;margin-top:22px;float: right;margin-right:10px" src="../assets/imgs/enter.png">
          <img style="width: 20px;height:20px;margin-top:22px;float:right;" src="../assets/imgs/red-pack-icon.png">
          <span style="color:red;font-size:12px;float: right;">领10元红包</span>
        </div>
        <div class="body-div">
          <div class="gold-div" *ngFor="let item of tempData; let i=index">
            <div class="gold-div-item">
              <div class="border-item {{i==this.moneySelect?'background-item':''}}" (click)="selctMoney(i)">
                <div class="item-money {{i==this.moneySelect?'active-div':''}}">{{item.money}}.00元</div>
                <div class="item-detail {{i==this.moneySelect?'active-div':''}}">{{item.detail}}</div>
            </div>
            </div>
          </div>
          <div *ngIf="this.moneySelect == -1">您当前可用余额为：20,000金币</div>
          <div *ngIf="this.moneySelect != -1"><span>需要支付：20.000金币</span></div>
        </div>
      </div>
      <div class="slide-button">立即兑换</div>
    </ion-slide>
    <ion-slide>
      <h1>Awesome Slide Content</h1>
    </ion-slide>
    <ion-slide>
      <h1>Awesome Slide Content</h1>
    </ion-slide>
  </ion-slides>
</ion-content>
